<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>抑郁症在线检测平台-试题列表</title>

    <!-- Stylesheets -->
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/responsive.css" rel="stylesheet">
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
</head>

<!-- page wrapper -->
<body class="main_page">


    <!-- .preloader -->
    <div class="preloader"></div>
    <!-- /.preloader -->


    <!-- Main Header -->
    <div th:insert="~{common:: header}"></div>
    <!-- End Main Header -->


    <!--Page Title-->
    <section class="page-title centred" style="background-image: url(/images/background/page-title-6.jpg);">
        <div class="container">
            <div class="content-box">
                <h1>请选择一套试题进行检测</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="/index">返回首页</a></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->


    <!-- our-blog -->
    <section class="sidebar-page-container our-blog">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                    <div class="our-blog-content">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12 news-block" th:each="category:${categories}">
                                <div class="news-block-one">
                                    <div class="inner-box">
                                        <figure class="image-box"><a target="_blank" th:href="'/paper/page/'+${category.id}">
                                            <img style="width: 370px; height: 250px" th:src="${category.imgUrl}" alt=""></a>
                                        </figure>
                                        <div class="lower-content">
                                            <ul class="post-info">
                                                <li>作者： <span th:text="${category.author}"></span></li>
                                                <li th:text="${#dates.format(category.updateTime,'yyyy-MM-dd HH:mm:ss')}"></li>
                                            </ul>
                                            <h3><a th:href="'/paper/page/'+${category.id}" target="_blank" th:text="${category.name}"></a></h3>
                                            <div class="btn-box"><a  target="_blank" th:href="'/paper/page/'+${category.id}" class="theme-btn-two">立刻检测</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                    <div class="sidebar blog-sidebar">

                        <div class="sidebar-post sidebar-widget">
                            <h2 class="sidebar-title">Latest Article</h2>
                            <div class="widget-content">
                                <div class="post" th:each="article:${articles}">
                                    <figure class="post-thumb">
                                        <a href="blog-details.html">
                                            <img style="height: 90px;width: 90px;" th:src="${article.imgUrl}" alt="">
                                        </a>
                                    </figure>
                                    <span class="post-date" th:text="${#dates.format(article.updateTime,'yyyy-MM-dd HH:mm:ss')}">26 Jun, 2019</span>
                                    <h5><a href="blog-details.html" th:text="${article.articleName}">Ratione voluptem seque nesciunt.</a></h5>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- our-blog end -->



    <!-- main-footer -->
    <div th:insert="~{common:: footer}"></div>
    <!-- main-footer end -->




    <!-- jequery plugins -->
    <script src="/js/jquery.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/owl.js"></script>
    <script src="/js/wow.js"></script>
    <script src="/js/validation.js"></script>
    <script src="/js/jquery.fancybox.js"></script>
    <script src="/js/appear.js"></script>

    <!-- main-js -->
    <script src="/js/script.js"></script>

</body><!-- End of .page_wrapper -->
</html>
